<template>
  <div id="parent">
    <common-head father-name="内容管理" child-name="资讯管理"></common-head>
    <div class="body">
      <!--<h3>咨询列表</h3>
      <el-button type="primary" size="small">添加咨询</el-button>-->

      <!--<consult-list style="margin-top: 12px" :news="news"></consult-list>
      <consult-list  :news="news"></consult-list>
      <consult-list  :news="news"></consult-list>-->

      <el-tabs v-model="activeName"  @tab-click="handleClick">
        <el-tab-pane label="跑步技巧" name="first">
          <query></query>
          <run-list></run-list>
        </el-tab-pane>
        <el-tab-pane label="减脂健身" name="second">
          <query></query>
          <weight-list></weight-list>
        </el-tab-pane>
        <el-tab-pane label="睡个好觉" name="third">
          <query></query>
          <sleep-list></sleep-list>
        </el-tab-pane>
        <el-tab-pane label="保护心脏" name="fourth">
          <query></query>
          <heart-list></heart-list>
        </el-tab-pane>
        <el-tab-pane label="健康日常" name="fifth">
          <query></query>
          <health-list></health-list>
        </el-tab-pane>
      </el-tabs>

    </div>
  </div>
</template>

<script>
  import CommonHead from "../system/common/commonHead";
  import query from "./consult/query";
  /*import consultList from "./consult/consultList";*/
  import RunList from "./query/RunList";
  import WeightList from "./query/WeightList";
  import SleepList from "./query/SleepList";
  import HeartList from "./query/HeartList";
  import HealthList from "./query/HealthList";


  export default {
    props :['childName'],
    name: "ClosureManage",
    components: {
      query,CommonHead,RunList,WeightList,SleepList,HeartList,HealthList
    },
    data() {
      return {
        activeName: 'first'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }
</script>

<style scoped>
  #parent{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
  }
  .body{
    background-color: #F0F2F5;
    padding-top: 15px;
    box-sizing: border-box;
  }
</style>


